﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Event.aspx.cs" MasterPageFile="Site.Master" Inherits="FreeLancer.HRB.WebApp.Event" %>

<%@ Register Assembly="DevExpress.Web.v8.1, Version=8.1.1.0, Culture=neutral, PublicKeyToken=49d90c14d24271b5"
  Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dxcp" %>
<%@ Register Assembly="DevExpress.Web.v8.1, Version=8.1.1.0, Culture=neutral, PublicKeyToken=49d90c14d24271b5"
  Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dxrp" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v8.1, Version=8.1.1.0, Culture=neutral, PublicKeyToken=49d90c14d24271b5"
  Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <script language="javascript" type="text/javascript">
    var index = 1;
    function ciEvent_ASPxBtnPrevious_Click(s,e)
    {
      ciEvent_ASPxCallbackPanel.PerformCallback(index.toString() + "|Prev");
      index--;
    }

    function ciEvent_ASPxBtnNext_Click(s,e)
    {
      ciEvent_ASPxCallbackPanel.PerformCallback(index.toString() + "|Next");
      index++;
    }
  </script>
  <div>
    <table style="width: 100%">
      <tr>
        <td style="vertical-align:top;">
          <div>
            <div class="category-detail-container">
              <div class="category-detail-header">
                <h1 class="category-detail-title">
                  <a class="more-news" id="anchorCategoryName" runat="server"></a></h1>
                <hr />
              </div>
              <div class="category-detail-content">
                <h2 class="category-detail-description" runat="Server" id="h2Title"></h2>
                <span class="category-detail-datetime" id="spanDateTime" runat="server">
                </span>
                <div runat="server" id="divContent" style="margin-top:10px;">
                  <div style="margin:20px;" id="ImageDetail">
                    <hr/>
                    <%--<div>
                      <span style="color:Gray; vertical-align:middle;">Ảnh <b>1 / 4</b></span>
                    </div>--%>
                    <%--<div style="height:400px; background-color:WhiteSmoke;"></div>--%>
                    <dxcp:ASPxCallbackPanel ID="ASPxCallbackPanel" runat="server" Width="550px" 
                      ClientInstanceName="ciEvent_ASPxCallbackPanel" OnCallback="ASPxCallbackPanel_OnCallback">
                      <PanelCollection>
                        <dxrp:PanelContent runat="server">
                          <span><%=Resources.labels.image %></span>
                          <dxe:ASPxLabel ID="ASPxLabelPageIndex" runat="server" Text="ASPxLabel" Font-Bold="true">
                          </dxe:ASPxLabel>
                          <a> / </a>
                          <dxe:ASPxLabel ID="ASPxLabelPage" runat="server" Text="ASPxLabel" Font-Bold="true">
                          </dxe:ASPxLabel>
                          <div style="text-align: center;">
                            <div style="width:150px; margin:0 auto 0 auto;">
                              <table>
                                <tr>
                                  <td>
                                    <dxe:ASPxButton ID="ASPxBtnPrevious" runat="server" Text="<" Width="70px"
                                      ClientInstanceName="ciEvent_ASPxBtnPrevious" AutoPostBack="false">
                                      <ClientSideEvents Click="function(s,e) { ciEvent_ASPxBtnPrevious_Click(s,e); }"/>
                                    </dxe:ASPxButton>
                                  </td>
                                  <td>
                                    <dxe:ASPxButton ID="ASPxBtnNext" runat="server" Text=">" Width="70px"
                                      ClientInstanceName="ciEvent_ASPxButtonNext" AutoPostBack="false">
                                      <ClientSideEvents Click="function(s,e) { ciEvent_ASPxBtnNext_Click(s,e); }"/>
                                    </dxe:ASPxButton>
                                  </td>
                                </tr>
                              </table>
                            </div>
                          </div>
                          <div style="margin-top: 10px; margin-bottom:10px">
                            <dxe:ASPxLabel ID="ASPxLabelTitle" runat="server" Text="ASPxLabel" 
                              Font-Size="Small" Font-Bold="true">
                            </dxe:ASPxLabel>
                          </div>
                          <dxe:ASPxImage ID="ASPxImage" runat="server" Width="600px" Height="400px">
                          </dxe:ASPxImage>
                          <div style="margin-top: 10px; margin-bottom:10px">
                            <dxe:ASPxLabel ID="ASPxLabelDescription" runat="server" Text="ASPxLabel">
                            </dxe:ASPxLabel>
                          </div>
                        </dxrp:PanelContent>
                      </PanelCollection>
                    </dxcp:ASPxCallbackPanel>
                  </div> 
                </div>
              </div>
            </div>
            <div style="text-align: right;">
              <%--<a class="hover-cursor" id="anchorPrint" runat="server" href="#"><%=Resources.labels.postPrint %></a>
              |
              <a class="hover-cursor" id="anchorPrintPreview" runat="server" href="#"><%=Resources.labels.postPrintPreview %></a>
              |--%>
              <a class="hover-cursor" id="anchorMail"><%=Resources.labels.postEmail %></a>
              |
              <a class="hover-cursor" href="#" onclick="window.scroll(); return false;"><%=Resources.labels.postGoTop %></a>
              <%--|
              <a class="hover-cursor" href="javascript:history.go(-1)"><%=Resources.labels.postBack %></a>--%>
            </div>
          </div>
          <hr />
          <div class="more-news-container">
            <span>Các Tin Khác</span>
            <div class="news-list">
              <div runat="server" id="divMoreNewsItems">
              </div>
              <div class="more-news-area" runat="server" id="divMoreNews">
                <a runat="server" id="anchorMoreNews" class="more-news" href="">
                  <%=Resources.labels.lblOtherNews %>
                </a>
              </div>
            </div>
          </div>
          <hr />
          <%--<div style="margin: 10px;">
            <uc:CommentPane ID="CommentPane" runat="server"/>
          </div>--%>
        </td>
      </tr>
    </table>
  </div>
</asp:Content>